<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    session.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后厨界面</title>
    <script type="text/javascript" src="${basePath }js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="${basePath }js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${basePath }css/bootstrap.min.css">
</head>
<body>
<!--顶部-->
<div class="row">
    <div style="float:left;height:60px;background-color: black" class="col-md-4">
        <p style="margin-left: 30px;margin-top: 13px;color: white;font-size: large">
            <img src="${basePath}img/icon.png">
            原地起飞 - 餐厅到店点餐系统</p>
    </div>
    <div style="float:left;background-color:black;height:60px;padding:13px;" class="col-md-4">
        <p style="margin-left: 30px;margin-top: 5px;color: white;font-size: large">
            餐厅管理界面</p>

    </div>
    <div style="float:left;background-color:black;height:60px;padding:5px;" class="col-md-4" >
        <p style="color:white;margin:10px">
            <img class="img-circle" src="${basePath}img/h1.png" style="width:30px;height:30px;object-fit:contain;">
            当前用户：【<a title="点击我即可修改信息" style="color:red;" href="${basePath }user/update.do?userId=${usermessage.userId}">
            ${usermessage.userName }</a>】，身份为：${usermessage.roleDO.roleName}
            <a style="float: right;margin-right:5px;color: white" href="${basePath }OrderSys/pages/login.jsp">退出登录</a>
        </p>
    </div>
</div>
<!--主体-->
<div class="row">

</div>
<!--主体左侧-->
<div class="row col-md-3" >
    <div style="float:left;background-color:#F2F2F2;width:100%;height:650px;">
        <img class="img-circle" src="${basePath }img/houchu.PNG" src="${basePath }img/Button-Refresh.png" style="width:30px;height:30px;margin:5px;object-fit:contain;">
        <strong>后厨</strong>
        <br>
        <img class="img-circle" src="${basePath }img/beicai.PNG" src="${basePath }img/Button-Refresh.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
        <a href="${basePath }OrderSys/kichen/CookShowPushMessage.jsp" style="color:#6F6F6F;margin:10px">备菜界面</a>
    </div>
</div>
<!--主体右侧-->
<div class="row col-md-9" style="margin-left: 11px">
    <!--上-->
    <div style="background-color:#F2F2F2;height:35px;padding:10px;margin-left:15px;border-radius:5px;margin-top:15px;">
        <a>首页</a>/
        <a style="color: black">后厨</a>/
    </div>
    <!--下-->
    <div style="height:580px;margin-left:15px; margin-top:15px;border-radius:5px;border:2px solid #FFD6CC;">
        <div style=" position: absolute;
            left:40%;
            top:50%;
            margin-left:-100px;
            margin-top:-100px;">
            <h1>
                欢迎登录，您的身份为：厨师
            </h1>
            <h5 style="margin-left:150px">
                点击左侧分栏进行功能选择
            </h5>
        </div>
    </div>
</div>
</body>
</html>